{extend name="public:layout" /}
{block name="title"}
通讯录
{/block}
{block name="head"}
<link rel="stylesheet" href="/public/home/bus/css/slidernav.css">
{/block}
{block name="body"}
<div id="slider">
    <div class="slider-content">
        <ul>
            {volist name="list" id="vo"}
            <li id="{$key}">
                <a name="{$key}" class="title">{$key|strtoupper}</a>
                <dl class="mail-list">
                    {volist name="vo" id="v"}
                    <dd class="item">
                        <a href="{:url('Public/memberCard',['member_id'=>$v.member_id])}" class="link"></a>
                        <div class="headimg">
                            <img src="{$v.member_avatar}" alt="">
                            <span class="iconfont icon-renzheng"></span>
                        </div>
                        <div class="info">
                            <div class="username">
                                {$v.member_truename}
                                {notempty name="v.company_id"}
                                <span class="post">{$v.member_duties}</span>
                                {/notempty}
                                <span class="iconfont icon-huiyuanrenzheng"></span>
                                <span class="iconfont icon-vip"></span>
                            </div>
                            {notempty name="v.company_id"}
                            <div class="company">
                                {$v.company_name}
                            </div>
                            {/notempty}
                        </div>
                    </dd>
                    {/volist}
                </dl>
            </li>
            {/volist}

        </ul>
    </div>
</div>
{include file="public/footer"/}
{/block}
{block name="js"}
<script src="/public/home/bus/css/slidernav.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#slider').sliderNav();
        $('#transformers').sliderNav({items:['autobots','decepticons'], debug: true, height: '300', arrows: false});
    });
</script>
{/block}